<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			* {
				margin: 0;
				padding: 0;
				box-sizing: border-box;
			}

			body {
				font-family: "Microsoft YaHei";
				font-size: 14px;
			}

			/* 大盒 */
			.header {
				height: 270px;
				background-color: #ba2d35;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
			}
			.header img:hover{
				cursor: pointer;
			}

			/* 左盒 */
			.logo {
				margin: 20px 0 0 20px;
			}

			.logo img {
				width: 378px;
				height: 90px;
			}

			/* 右上盒 */
			.claerflx {
				width: 1254px;
				height: 149px;
			}

			/* 搜索盒 */
			.a {
				display: flex;
				justify-content: flex-end;
			}

			.nav {
				width: 378px;
				height: 27px;
				margin-top: 30px;
				display: flex;
				justify-content: space-between;
			}

			.a .nav img {
				width: 23px;
				height: 23px;
			}

			.fr {
				float: right;
				color: #fff;
			}

			/* 右下盒 */
			.b {
				width: 1200px;
				height: 82px;
				margin-top: 10px;
			}
			#nav1{
				display: flex;
				justify-content: space-between;
				font-size: 16px;
			}

			.clearfix:after {
				clear: both;
				content: "";
				display: block;
				width: 0;
				height: 0;
				visibility: hidden;
			}
			.b ul span{
				float: left;
				list-style-type: none;
				color: #fff;
				
			}
		</style>
	</head>
	<body>
		<!-- 顶部标签栏 -->
		<div class="header">
			<div class="logo" title="江西财经职业学院">
				<img src="./imges/logo23.png" />
			</div>
			<div class="claerflx">

				<div class="a">
					<ul class="nav">
						<span class="fr">电子邮件</span>
						<span class="fr">|</span>
						<span class="fr">办事大厅</span>
						<span class="fr">|</span>
						<span class="fr">数字校园</span>
						<img src="./imges/search_but.png" />
						<img src="./imges/navimg.png" />
					</ul>
				</div>

				<div class="b">
					<ul class="clearfix" id="nav1">
						<span class="mainleven">学院概况</span>
						<span class="mainleven">院系建设</span>
						<span class="mainleven">教学科研</span>
						<span class="mainleven">思政网</span>
						<span class="mainleven">招生就业</span>
						<span class="mainleven">人才培养</span>
						<span class="mainleven">学工在线</span>
						<span class="mainleven">青春财院</span>
						<span class="mainleven">图书资料</span>
						<span class="mainleven">国际交流</span>
						<span class="mainleven">心里家园</span>
						<span class="mainleven">政策法规</span>
						<span class="mainleven">党风政廉</span>
					</ul>
				</div>
			</div>

		</div>
		<!-- 上部内容 -->
		<div class="header-wp" id="banner">
			
		</div>
	</body>
</html>